<template>
  <div class="box">
        <img src="/static/imgs_s10/S_10takeaway03.08.png" alt="">
        <p class="p1">恭喜您，下单成功！</p>
        <p class="p2">您的订单已提交，我们将尽快为您送餐，请保持手机畅通！</p>
        <p class="p3">查看订单</p>
        <p class="p4">返回首页</p>
    </div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
        .box {
            width: 375px;
            height: 667px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .box img {
            margin-top: 94px;
            margin-bottom: 21px;
            width: 151px;
            height: 136px;
        }

        .p1 {
            widows: 140px;
            height: 16px;
            margin-bottom: 14px;
            font-size: 16px;
            font-weight: bold;
            color: rgba(50, 50, 50, 1);
        }

        .p2 {
            height: 11px;
            font-size: 10px;
            font-weight: 400;
            color: rgba(99, 99, 99, 1);
        }

        .p3,
        .p4 {
            width: 302px;
            height: 43px;
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .p3 {
            margin-top: 93px;
            margin-bottom: 20px;
            background: rgba(50, 177, 108, 1);
            font-size: 14px;
            font-weight: 400;
            color: rgba(255, 255, 255, 1);
        }

        .p4 {
            background: rgba(238, 238, 238, 1);
            font-size: 14px;
            font-weight: 400;
            color: rgba(0, 0, 0, 1);
        }
    </style>
